require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles//Main.css';
import React, {Component} from 'react';
import {Form,Carousel, Row, Col, Icon, Layout} from 'antd';

let list1 = require('../img/index/list1.jpg');
let list2 = require('../img/index/list2.jpg');
let list3 = require('../img/index/list3.jpg');
let list4 = require('../img/index/list4.jpg');
let jianjie = require('../img/index/jianjie.jpg');
const {Content} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'

class AppComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
    console.log("this.props",this.props);
  }

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>


        <Content style={{backgroundColor:'white'}}>
          <Row className={styles.carousle}  type="flex" justify="center">
            <Col span={12}>
              <Carousel autoplay>
                <div><img src={list1} alt="1"/></div>
                <div><img  src={list2} alt="1"/></div>
              </Carousel>
            </Col>
          </Row>

          <Row  type="flex" justify="center">
            <Col span={12}>
              <div>
                <img src={jianjie} alt=""/>
              </div>
            </Col>
          </Row>

        </Content>
        <Row style={{marginTop:'1%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(AppComponent);
